@charset "utf-8";

#wpthemedemobar{display: none;}

#crumbs{

    display: inline-block;

}

.hot_search,.hot_search .custom-html-widget{display:inline}

ul,p{   

    padding: 0;

    margin: 0;

}

li{

    list-style:none;

}

a{

    text-decoration: none;

}

em{

    font-style: normal;

}

.pc-fl{

    float: left;

}

.pc-fr{

    float: right;

}

.clear:after{

    content: '';

    display: block;

    clear: both;

}

.main-container{

    width:1200px;

    margin: 0 auto;

}

.full-main{

    width: 100%;

    min-width: 1200px;

}

.head-box{

    position: relative;

    z-index: 999;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    min-width: 1200px;

}

.top-row{

    height: 38px;

    line-height: 38px;

    background: #055aae;

}

.top-row .top-left{

    float: left;

}

.top-row .top-left p{

    font-size: 12px;

    color: #88b7e5;

}

.top-row .top-right{

    float: right;

    color: #4081c2;

}

.top-row .top-right a{

    display: inline-block;

    padding: 0 15px;

    color: #88b7e5;

    margin-left: 1px;

    height: 38px;

    line-height: 38px;

}

.top-row .top-right a i{

    font-size: 14px;

    margin-left: 3px;

    line-height: 34px;

}

.logo-row{

    padding-top: 30px;

    padding-bottom: 25px;

    overflow: visible;

}

.logo-row .logo-wrap{

    float: left;

}

.logo-row .slogan-wrap{

    float: left;

    padding-left: 25px;

    border-left: 1px solid #ddd;

    margin-left: 25px;

    margin-top: 4px;

    padding-top: 5px;

    padding-bottom: 5px;

}

.logo-row .search-wrap{

    float: left;

    width: 380px;

    height: 44px;

    margin-top: 8px;

    box-sizing: border-box;

    overflow: hidden;

    position: relative;

    background: none;

    margin-left: 200px;

}

.logo-row .search-wrap .input{

    height: 44px;

    border: none;

    outline: none;

    padding-left: 20px;

    width: 100%;

    display: block;

    box-sizing: border-box;

    border: 2px solid #333570;

    border-radius: 22px;

    color: #999999;

}

.logo-row .search-wrap  .button{

    height: 44px;

    background: #333570;

    border: none;

    width: 20%;

    display: block;

    color: #ffffff;

    outline: none;

    border-radius: 22px;

    position: absolute;

    right: 0;

    top: 0;

}

.logo-row .phone-wrap{

    float: right;

    padding-left: 60px;

    position: relative;

    margin-top: 7px;

    padding-top: 5px;

}

.logo-row .phone-wrap:before{

    content: "";

    display: block;

    background: url(../images/phone-icon.png);

    background-size: 100%;

    width: 52px;

    height: 52px;

    position: absolute;

    left: 0;

    top: 0;

}

.logo-row .phone-wrap span{

    font-size: 14px;

    color: #333;

    line-height: 1;

}

.logo-row .phone-wrap p{

    font-size: 28px;

    color: #dc323a;

    line-height: 1;

    font-family: 'DIN' !important;

    letter-spacing: -1px;

    font-weight: 500;

}

.wap-menu {

    float: right;

    background: none;

    border: 1px solid #333;

    padding: 5px 8px;

    display: none;

}

.wap-menu span {

    display: block;

    width: 20px;

    height: 2px;

    background: #333333;

    margin: 4px 0;

}

.nav-row{

    border-top: 1px solid #ddd;  

    height: 56px;

}

.nav-row li{

    float: left;

    position: relative;

}

.nav-row li.current_page_item > a,.nav-row li.current-menu-item > a{

    background: #055aae;

    color: #ffffff;

}

.nav-row li > a{

    font-size: 16px;

    font-weight: bold;

    line-height: 56px;

    display: block;  

    color: #333333;

	width:148px;

	text-align:center

}

.nav-row li:after{

    content: '';

    width: 1px;

    height: 16px;

    display: block;

    position: absolute;

    background: #dddddd;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

}

.nav-row li.current_page_item:after,.nav-row li.current-menu-item:after{

    display: none;

}

.nav-row li:last-child:after{

    display: none;

}

.nav-row li ul{

    position: absolute;

    display: none;

    top: 56px;

    width: 100%;

    background: #fff;

    text-align: center;

    padding-top: 10px;

    padding-bottom: 10px;

}

.nav-row li ul li a{

    line-height: 40px;

    color: #666666;

    font-size: 15px;

}

.nav-row li ul li a:hover{color: #055aae;font-weight: bold;background: none}

.nav-row li:hover ul{

    display: block;

}

.nav-row li:hover > a{

    background: #055aae;

    color: #ffffff;

}

.nav-row li:hover:after{

    display: none;

}

.banner-box{

    text-align: center;

}



.banner-box .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

    bottom: 40px;



}

.banner-box .swiper-button-prev{

    color: #ffffff;

}

.banner-box .swiper-button-next{

    color: #ffffff;

}

.banner-box .swiper-pagination-bullet {

    width: 100px;

    height: 5px;

    display: inline-block;

    border-radius: 0;

    background: #fff;

    opacity: .2;

}

.banner-box .swiper-pagination-bullet-active {

    opacity: 1;

    background: #055aae;

}

.search-wrap{

    line-height: 46px;

    padding: 20px 0;

    overflow: hidden;

}

.search-wrap .hot-words{

    max-width: 680px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.search-wrap .hot-words span{

    font-size: 14px;

    color: #214167;

}

.search-wrap .hot-words a{

    font-size: 14px;

    color: #999;

    margin-right: 10px;

}

.search-wrap .search-box{

    width: 460px;

    height: 46px;

    position: relative;

}

.search-wrap .search-box input[type=text]{

    border:none;

    line-height: 46px;

    width: 100%;

    background: #f7f7f7;

    text-indent: 15px;

    outline: none;

    color: #999999;

}

.search-wrap .search-box input[type=submit]{

    text-indent: -9999px;

    width: 46px;

    height: 46px;

    display: block;

    position: absolute;

    right: 0;

    top: 0;

    border: none;

    background: none;

    background: url(../images/search.png) center center no-repeat;

    cursor: pointer;

}

.product-wrap{

    margin-top: 10px;

    margin-bottom: 10px;

}

.product-nav {

    width: 230px;

    overflow: hidden;

}

.product-nav .title{

    text-align: center;

    width: 100%;

    height: 100px;

    background: #055aae;

    overflow: hidden;

}

.product-nav .title p{

    font-size: 30px;

    font-weight: bold;

    color: #ffffff;

    line-height: 1;

    margin-top: 30px;

    margin-bottom: 10px;

}

.product-nav .title span{

    font-size: 12px;

    color: #88b7e5;

    text-transform: uppercase;

}

.product-nav .product-nav-list{

    width: 100%;

    background: #f7f7f7;

    padding-top: 10px;

    padding-bottom: 20px;

}

.product-nav .product-nav-list ul li{

    height: 50px;

    line-height: 50px;

    padding-left: 23px;

    transition: all .3s ease;

    position: relative;

}

.product-nav .product-nav-list ul li:before{

    content:'';

    display: block;

    width: 3px;

    height: 3px;

    background: #c0c0c0;

    position: absolute;

    left: 20px;

    top: 50%;

    margin-top: -4px;

}

.product-nav .product-nav-list ul li:after{

    content:'';

    display: block;

    width: 3px;

    height: 3px;

    background: #c0c0c0;

    position: absolute;

    left: 20px;

    top: 50%;

    margin-top: 2px;

}

.product-nav .product-nav-list ul li a{

    font-size: 16px;

    display: block;

    padding-left: 10px;

    position: relative;

}

.product-nav .product-nav-list ul li a:after{

    content:'';

    display: block;

    width: 3px;

    height: 3px;

    background: #c0c0c0;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -1px;

}

.product-nav .product-nav-list ul li:hover,

.product-nav .product-nav-list ul li.current-cat,

.product-nav .product-nav-list ul li.current_page_item,

.product-nav .product-nav-list ul li.current-menu-item

{



    transform: translateX(20px);

	background: #ffffff;

}

.product-nav .product-nav-list ul li:hover a,

.product-nav .product-nav-list ul li.current-cat a,

.product-nav .product-nav-list ul li.current_page_item a,

.product-nav .product-nav-list ul li.current-menu-item a

{

    color: #dc323a;

}

.product-nav .product-nav-list ul li:hover a:after,

.product-nav .product-nav-list ul li.current-cat a:after,

.product-nav .product-nav-list ul li.current_page_item a:after,

.product-nav .product-nav-list ul li.current-menu-item a:after

{

    background: #dc323a;

}

.product-nav .product-nav-list ul li:hover:after,

.product-nav .product-nav-list ul li:hover:before,

.product-nav .product-nav-list ul li.current-cat:after,

.product-nav .product-nav-list ul li.current-cat:before,

.product-nav .product-nav-list ul li.current_page_item:after,

.product-nav .product-nav-list ul li.current_page_item:before,

.product-nav .product-nav-list ul li.current-menu-item:after,

.product-nav .product-nav-list ul li.current-menu-item:before

{

    background: #dc323a;

}

.product-list{

    width: 930px;

}

.product-list .product-list-wrap{

    margin-left: -15px;

    margin-right: -15px;

}

.product-list .product-list-item{

    width: 290px;

    float: left;

    margin: 0 15px 25px;

    text-align: center;

    margin-bottom: 25px;

}

.product-list .product-list-item p{

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

}

.contact-box{

    padding: 10px;

    background: #055aae;

}

.contact-box h4{

    font-size: 20px;

    color: #ffffff;

    text-align: center;

    line-height: 80px;

    margin-bottom: 15px;

}

.contact-box .line-box{

    position: relative;

    border: 1px solid #4186c9;

    padding: 30px 15px;

}

.contact-box .line-box span{

    color: #ffffff;

    font-size: 14px;

    line-height: 1;

}

.contact-box .line-box p{

    font-size: 22px;

    font-weight: bold;

    color: #ffffff;

}

.contact-box .line-box em{

    display: block;

    padding: 5px;

    position: absolute;

    background: #055aae;

    color: #65a7e7;

    top: -14px;

    left: 8px;

}



.product-list .product-list-item .product-img{

    width: 100%;

    height: 220px;

    border: 1px solid #eeeeee;

    box-sizing: border-box;

    padding: 5px;

    overflow: hidden;

    position: relative;

}

.product-list .product-list-item .product-img .hover-bg{

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    background: rgba(5,90,174,.5);

    opacity: 0;

    transition: all .3s ease;

    z-index: 39;

}

.product-list .product-list-item:hover .hover-bg{

    opacity: 1;

}

.product-list .product-list-item .product-img .hover-icon{

    width: 37px;

    height: 37px;

    background: url(../images/hover-ico.png);

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: -37px;

    z-index: 99;

    transition: all .3s ease;

}

.product-list .product-list-item .product-img a{

    display: block;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    z-index: 199;

}

.product-list .product-list-item:hover .hover-icon{

    top: 50%;

    margin-top: -19px;

}

.product-list .product-list-item .product-img img{

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

}

.product-list .product-list-item.partner-item .product-img img{

    max-width: 100%;

    max-height: 100%;

    object-fit: none;

}

.product-list .product-list-item .product-text{

    margin-top: 15px;

}

.product-list .product-list-item .product-text p a{

    font-size: 16px;

    line-height: 1;

}

.product-list .product-list-item:hover .product-text p a{

    color: #055aae;

}

.advantage-wrap .title-bg{

    height: 200px;

   

    overflow: hidden;

}

.advantage-wrap .title-bg .title{

    margin-top: 40px;

    position: relative;

    padding-left: 20px;

}

.advantage-wrap .title-bg .title:after{

    content: '';

    display: block;

    width: 4px;

    height: 56px;

    background: #e6212a;

    position: absolute;

    left: 0;

    top: 45px;

}

.advantage-wrap .title-bg .title p{

    font-size: 38px;

    color: #ffffff;

    line-height: 1;

}

.advantage-wrap .title-bg .title p strong{

    font-size: 90px;

    color: #e6212a;

}

.advantage-wrap .title-bg .title p em{

    color: #e6212a;

}

.advantage-wrap .title-bg .title span{

    font-size: 12px;

    text-transform: uppercase;

    color: #ffffff;

}

.advantage-list-bg{

    background: url(../images/advan-bg.png) top center;

    padding: 30px 0;

}

.advantage-list-bg ul li{

    margin: 40px 0;

}

.advantage-list-bg .text{

    width: 600px;

    float: left;

    box-sizing: border-box;

    padding-left: 120px;

    position: relative;

    padding-top: 40px;

}

.advantage-list-bg .text .nub{

    width: 91px;

    height: 91px;

    text-align: center;

    line-height: 91px;

    font-size: 40px;

    font-weight: bold;

    color: #ffffff;

    background: url(../images/nub-bg.png);

    background-size: 100%;

    position: absolute;

    left: 0;

    top: 30px;

}

.advantage-list-bg .text .top{

    font-size: 28px;

    color: #e6212a;

    font-weight: bold;

    line-height: 1.8;

    border-bottom: 1px solid #ddd;

    margin-bottom: 10px;

}

.advantage-list-bg .text .top em{

    color: #333333;

}

.advantage-list-bg .text .bottom span{

    font-size: 16px;

    color: #333333;

    display: block;

    padding-left: 20px;

    position: relative;

    line-height: 22px;

    padding-top: 10px;

    padding-bottom: 10px;

}

.advantage-list-bg .text .bottom span:before{

    content: '';

    width: 9px;

    height: 1px;

    display: block;

    background: #333333;

    position: absolute;

    left: 0;

    top: 20px;

}

.advantage-list-bg .text .bottom span em{

    color: #e6212a;

}

.advantage-list-bg .img{

    float: right;

}

.advantage-list-bg ul li:nth-child(2n+2) .img{

    float: left;

    margin-right: 85px;

}

.advantage-list-bg .img img{

    width: 515px;

    height: 323px;

    display: block;

}

.about-wrap{

  

    height:560px;

    box-sizing: border-box;

    padding-top: 70px;

}

.about-img{

    width: 600px;

    position: relative;

 

}

.about-img .img{

    position: absolute;

    top: 10px;

    left: -10px;

    z-index: 20;

}

.about-img .img img{

    width: 100%;

    display: block;

}

.about-img .img .phone-wrap{

    position: absolute;

    width: 100%;

    background: rgba(0,0,0,.5);

    height: 50px;

    line-height: 50px;

    box-sizing: border-box;

    padding: 0 15px;

    font-size: 18px;

    color: #ffffff;

    bottom: 0;

}

.about-img .img .phone-wrap span{

    float: left;

}

.about-img .bg-box{

    width: 200px;

    height: 150px;

    background: #e6212a;

    right: 0;

    top: 0;

    position: absolute;

    z-index: 10;

}

.about-text{

    width: 540px;

}

.about-text .title{

    margin-bottom: 50px;

}

.about-text .title span{

    font-size: 30px;

    font-weight: bold;

    color: #ffffff;

    line-height: 1;

}

.about-text .title p{

    font-size: 44px;

    font-weight: bold;

    color: #ffffff;

}

.about-text .title p em{

    color: #e6212a;

}

.about-text .text-content strong{

    font-size: 20px;

    font-weight: bold;

    color: #ffffff;

    line-height: 1;

    display: block;

    margin-bottom: 20px;

}

.about-text .text-content p{

    font-size: 14px;

    color: #ffffff;

    line-height: 24px;

}

.about-text .text-content a{

    width: 140px;

    height: 40px;

    line-height: 40px;

    display: block;

    text-align: center;

    color: #ffffff;

    background: #e6212a;

    margin-top: 80px;

}

.about-text .text-content a i{

    width: 0;

    height: 0;

    border-top: 8px solid #fff;

    border-left: 8px solid transparent;

    display: inline-block;

    transform: rotate(45deg);

}

.crcm-wrap{

    background: #ffffff;

    padding: 25px 20px;

    overflow: hidden;

    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

    margin-top: 58px;

 

}

.crcm-wrap .title{

    margin-bottom: 25px;

}

.crcm-wrap .title .title-left{

    float: left;

    border-left: 4px solid #e6212a;

    padding-left: 10px;

}

.crcm-wrap .title .title-left p{

    font-size: 24px;

    color: #333333;

    font-weight: bold;

    line-height: 1;

    margin-bottom: 5px;

}

.crcm-wrap .title .title-left span{

    font-size: 12px;

    text-transform: uppercase;

    line-height: 1;

    color: #999999;

}

.crcm-wrap .title .title-right{

    float: right;

}

.crcm-wrap .title .title-right a{

    font-size: 14px;

    color: #999999;

    line-height: 38px;

}

.crcm-wrap ul{

    white-space: nowrap;

    overflow-x: auto;

    font-size: 0;

}

.crcm-wrap ul li{

    display: inline-block;

    width: 216px;

    margin-right: 20px;

}

.crcm-wrap ul li img{

    width: 100%;

    height: 156px;

    object-fit: cover;

}

.crcm-wrap ul li:last-child{

    margin: 0;

}

.crcm-wrap ul li p{

    font-size: 14px;

    text-align: center;

    margin-top: 10px;

    color: #666666;

   overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

}

.case-wrap{

    margin-bottom: 50px;

    margin-top: 80px;

}

.case-wrap .title{

    text-align: center;

}

.case-wrap .title span{

    font-size: 30px;

    font-weight: bold;

    color: #cccccc;

    text-transform: uppercase;

    line-height: 1;

}

.case-wrap .title p{

    font-size: 44px;

    font-weight: bold;

    color: #333333;

}

.case-wrap .title p em{

    color: #e6212a;

}

.case-wrap .case-link{

    font-size: 0;

    text-align: center;

    margin-bottom: 40px;

    margin-top: 40px;

    white-space: nowrap;

    overflow-x: auto;

}

.case-wrap .case-link ul li{

    display: inline-block;

    font-size: 16px;

    color: #999999;

    line-height: 40px;

    padding: 0 30px;

    background: #f7f7f7;

    margin: 0 5px;

}

.case-wrap .case-link li:first-child,.case-wrap .case-link li:hover {



}

.case-wrap .case-link li:hover a{ color:#fff;}

.case-wrap .case-link ul li:hover{ background:#e6212a}

.case-wrap .swiper-container{

    padding-bottom: 60px;

}

.case-wrap .swiper-container .swiper-slide{

    width: 380px;

}

.case-wrap .swiper-container .swiper-slide .case-img{

    width: 100%;

    height: 260px;

    overflow: hidden;

}

.case-wrap .swiper-container .swiper-slide .case-img img{

    width: 100%;

    height: 100%;

    display: block;

    transition: all .3s ease;

}

.case-wrap .swiper-container .swiper-slide:hover .case-img img{

    transform: scale(1.1);

    }

.case-wrap .swiper-container .swiper-slide .case-text{

    text-align: center;

    margin-top: 10px;

}

.case-wrap .swiper-container .swiper-slide .case-text p{

    font-size: 16px;

    color: #333333;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

}

.case-wrap .swiper-pagination-bullet {

    width: 10px;

    height: 10px;

    display: inline-block;

    border-radius: 100%;

    background: #000;

    opacity: .2;

}

.case-wrap .swiper-pagination-bullet-active {

    opacity: 1;

    background: #e6212a;

}

.consulting-link{

    background: #055aae;

    

}

.consulting-bg{

    padding: 60px 0 50px;

    overflow: hidden;

   

    background-position: 60% 0;

}

.consulting-bg .text{

    padding-left: 15px;

    border-left: 3px solid #e6212a;

}

.consulting-bg .text p{

    font-size: 34px;

    color: #fff;

    line-height: 1;

    margin-bottom: 10px;

}

.consulting-bg .text  span{

    font-size: 12px;

    color: #ffffff;

    opacity: .5;

    text-transform: uppercase;

    line-height: 1;

}

.consulting-bg .link a{

    display: block;

    font-size: 18px;

    width: 220px;

    height: 50px;

    line-height: 50px;

    text-align: center;

    color: #ffffff;

    background: #e6212a;

}

.consulting-bg .link a:hover{

    left: 300px;

    background: #f0313b;

}

.consulting-bg .link p{

    font-size: 14px;

    color: #ffffff;

    line-height: 1;

    margin-top: 10px;

}

.consulting-bg .link p em{

    font-size: 18px;

}

.news-wrap{

    margin-top: 60px;

    margin-bottom: 60px;

}

.news-wrap .news-left{

    width: 780px;

}

.news-wrap .title-row{

    margin-bottom: 30px;

}

.news-wrap .title-row .title p{

    font-size: 24px;

    font-weight: bold;

    color: #333333;

    line-height: 1;

    margin-top: 5px;

}

.news-wrap .title-row .title p em{

    color: #e6212a;

}

.news-wrap .title-row .title span{

    font-size: 30px;

    font-weight: bold;

    color: #cccccc;

    text-transform: uppercase;

    line-height: 1;

}

.news-wrap .title-row .tab-link ul li{

    float: left;

    width: 180px;

    height: 44px;

    line-height: 44px;

    text-align:center ;

    background: #e6212a;

    margin: 0 5px;

    position: relative;

    cursor: pointer;

    font-size: 16px;

    font-weight: bold;

    color: #ffffff;

}

.news-wrap .title-row .tab-link ul li.active{

    background: #055aae;

}

.news-wrap .title-row .tab-link ul li:before{

    content: '';

    display: block;

    width: 0;

    height: 0;

    border-top: 44px solid #fff;

    border-right: 20px solid transparent;

    display: block;

    position: absolute;

    left: 0;

    top: 0;

}

.news-wrap .title-row .tab-link ul li:after{

    content: '';

    display: block;

    width: 0;

    height: 0;

    border-bottom: 44px solid #fff;

    border-left: 20px solid transparent;

    display: block;

    position: absolute;

    right: 0;

    top: 0;

}

.news-wrap .news-left .list-row{

    overflow: hidden;

}

.news-wrap .news-left .list-row ul{

    margin-right: -10px;

    margin-left: -10px;

}

.news-wrap .news-left .list-row ul li{

    width: 50%;

    float: left;

    box-sizing: border-box;

    padding: 0 10px;

}

.news-wrap .news-left .list-row ul li .img{

    display: none;

}

.news-wrap .news-left .list-row ul li .text .title{

    line-height: 50px;

    border-bottom: 1px solid #f1f1f1;

    padding-left: 12px;

    position: relative;

}

.news-wrap .news-left .list-row ul li .text .title:before{

    content: '';

    width: 4px;

    height: 4px;

    display: block;

    position: absolute;

    background: #214167;

    left: 0;

    top: 50%;

    margin-top: -2px;

}

.news-wrap .news-left .list-row ul li .text .title span{

    float: right;

    font-size: 14px;

    color: #999999;

}

.news-wrap .news-left .list-row ul li .text .title a{

    width: 80%;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 14px;

}

.news-wrap .news-left .list-row ul li .text .info{

    font-size: 12px;

    color: #999999;

    line-height: 20px;

    margin-bottom: 20px;

    display: none;

}

.news-wrap .news-left .list-row ul li .text .more{

    font-size: 14px;

    color: #e6212a;

    display: none;

}

.news-wrap .news-left .list-row ul li .text .more i{

    width: 0;

    height: 0;

    border-top: 6px solid #e6212a;

    border-left: 6px solid transparent;

    display: inline-block;

    transform: rotate(45deg);

    vertical-align: middle;

    margin-top: -5px;

    margin-left: 3px;

}

.news-wrap .news-left .list-row ul li:first-child{

    width: 100%;

    margin-bottom: 20px;

}

.news-wrap .news-left .list-row ul li:first-child .img{

    width: 30%;

    height: 150px;

    float: left;

    display: block;

}

.news-wrap .news-left .list-row ul li:first-child .img img{

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

}

.news-wrap .news-left .list-row ul li:first-child .text{

    width: 67%;

    float: right;

}

.news-wrap .news-left .list-row ul li:first-child .text .title{

    line-height: 48px;

    border-bottom: none;

    margin-bottom: 20px;

    position: relative;

    margin-top: -5px;

    padding: 0;

}

.news-wrap .news-left .list-row ul li:first-child .text .title:before{

    display: none;

}

.news-wrap .news-left .list-row ul li:first-child .text .title:after{

    content: '';

    display: block;

    position: absolute;

    width: 40px;

    height: 3px;

    background: #e6212a;

    left: 0;

    bottom: 0;

}

.news-wrap .news-left .list-row ul li:first-child .text .title a{

    font-size: 16px;

    font-weight: bold;

    color: #333333;

}

.news-wrap .news-left .list-row ul li:first-child .text .info{

    display: block;

}

.news-wrap .news-left .list-row ul li:first-child .text .more{

    display: block;

}

.news-wrap .news-right{

    width: 380px;

}

.news-wrap .news-right ul{

    margin-right: -5px;

    margin-left: -5px;

}

.news-wrap .news-right ul li{

    width: 50%;

    float: left;

    box-sizing: border-box; 

    padding: 0 5px;

    margin-bottom: 10px;

}

.news-wrap .news-right ul li img{

    width: 100%;

    display: block;

    box-sizing: border-box;

    border: 1px solid #eeeeee;

}   

.footer-wrap{

    background: #055aae;

    padding: 80px 0 70PX;

    display: table;

}

.footer-wrap .footer-left{

    width: 63%;

    height: 100px;

    box-sizing: border-box;

    border-right: 1px solid #024486;

}

.footer-wrap .footer-nav{

    margin-bottom: 30px;

}

.footer-wrap .footer-nav ul li{

    float: left;

    padding-right: 30px;

    position: relative;

    line-height: 1;

}

.footer-wrap .footer-nav ul li:after{

    position: absolute;

    content: '';

    width: 1px;

    height: 14px;

    display: block;

    background: #5e86ae;

    top: 0;

    right: 15px;

    transform: rotate(20deg);

}

.footer-wrap .footer-nav ul li:last-child:after{

    display: none;

}

.footer-wrap .footer-nav ul li a{

    color: #ffffff;

    font-size: 14px;

}

.footer-wrap .footer-right{

    width: 37%;

    height: 100px;

    box-sizing: border-box;

    border-left: 1px solid #2671bc;

}

.footer-wrap .footer-right .contact-link{

    float: right;

    margin-left: 30px;

    position: relative;

}

.footer-wrap .footer-right .contact-link .qr-hiden{

    width: 120px;

    height: 120px;

    padding: 10px;

    box-sizing: border-box;

    position: absolute;

    z-index: 99;

    background: #ffffff;

    top: -130px;

    left: -30px;

    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);

    display: none;

}

.footer-wrap .footer-right .contact-link .qr-hiden.show{

    display: block;

}

.footer-wrap .footer-right .contact-link .qr-hiden:after{

    content: '';

    width: 5px;

    height: 5px;

    display: block;

    background: #ffffff;

    position: absolute;

    left: 50%;

    bottom: -3px;

    transform: rotate(45deg);

}

.footer-wrap .footer-right .contact-link .qr-hiden img{

    width: 100%;

}

.footer-wrap .footer-right .contact-link a{

    width: 44px;

    height: 44px;

    display: block;

    background: #377bbe;

    border-radius: 50%;

    margin-left: 10px;

    float: left;

}

.footer-wrap .footer-right .contact-link a.weixin{

    background-image: url(../images/footer-ico2.png);

}

.footer-wrap .footer-right .contact-link a.qq{

    background-image: url(../images/footer-ico3.png);

}

.footer-wrap .footer-right .footer-phone{

    padding-left: 54px;

    padding-top: 5px;

    position: relative;

    float: right;

}

.footer-wrap .footer-right .footer-phone:after{

    content:'';

    width: 44px;

    height: 44px;

    display: block;

    border-radius: 50%;

    background:#377bbe url(../images/footer-ico1.png);

    background-size: 100%;

    position: absolute;

    left: 0;

    top: 0;

}

.footer-wrap .footer-right .footer-phone em{

    font-size: 12px;

    color: #ffffff;

}

.footer-wrap .footer-right .footer-phone p{

    font-size: 27px;

    color: #ffffff;

    margin-bottom: 10px;

    font-family: DIN;

}

.footer-wrap .footer-right .footer-phone span{

    font-size: 13px;

    color: #ffffff;

	display: block;

    width: 180px;

	white-space: nowrap;

}

.copyright-wrap{

    font-size: 12px;

    color: #333333;

    text-align: center;

    line-height: 24px;

    padding: 30px 0;

}

.product-list .details-title{

    padding-bottom: 10px;

    border-bottom: 1px solid #ddd;

    margin-bottom: 30px;

}

.product-list .details-title h3{

    color: #055aae;

    font-size: 24px;

    margin-bottom: 10px;

}



@media only screen and (max-width: 760px){

    .crcm-wrap{margin-top: 20px;}

    .case-wrap{margin-top: 0px;}

    .pc-fl{

        float: none;

    }

    .pc-fr{

        float: none;

    }

    .head-box {

        min-width: 100%;

    }

    .full-main{

        min-width: 100%;

    }

    .top-row {

       display: none;

    }

    .main-container {

        width: 100%;

        min-width: 100%;

        margin: 0;

        padding-left: 15px;

        padding-right: 15px;

        box-sizing: border-box;

    }

    .top-row .top-right {

       display: none;

    }

    .wap-menu {

        display: block;

    }

    .logo-row{

        padding-top: 20px;

        padding-bottom: 20px;

        

    }

    .logo-row .logo-wrap {

        height: 34px;

        width: 253px;

        overflow: hidden;

        float: none;

    }

    .logo-row .logo-wrap img{

        height: 100%;

        display: block;

    }

    .logo-row .slogan-wrap{

        display: none;

    }

    .logo-row .search-wrap{

        float: none;

        width: 100%;

        height: 34px;

        margin-top:20px ;

        box-sizing: border-box;

        overflow: hidden;

        position: relative;

        background: none;

        margin-left: 0;

    }

    .logo-row .search-wrap .input {

        height: 34px;

        padding-left: 10px;

    }

    .logo-row .search-wrap .button {

        height: 34px;

    }

    .logo-row .phone-wrap{

        display: none;

    }

    .nav-row {

        border-top: 1px solid #ddd;

        height: auto;

        position: absolute;

        z-index: 99;

        background: #ffffff;

        height: 0;

        overflow: hidden;

        padding-top: 15px;

        transition: all .3s ease;

        display: none;

    }

    .nav-row.wap-home{

        height: auto;

        display: block;

    }

    .nav-row .navitem {

        float: none;

        position: relative;

        text-align: center;

    }

    .nav-row .navitem:after{

        display: none;

    }

    .nav-row .navitem:hover .sub-menu {

        display: none;

    }

    .banner-box{

        height: 200px;

    }

    .banner-box .swiper-container {

        width: 100%;

        height: 100%;

    }

    .banner-box .swiper-container img{

        width: 100%;

        height: 100%;

        object-fit: cover;

    }

    .banner-box .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

        bottom: 10px;

    }

    .search-wrap .hot-words{

        display: none;

    }

    .search-wrap .search-box{

        width: 100%;

    }

    .product-nav{

        display: none;

    }

    .product-list{

        width: 100%;

        margin: 0;

    }

    .product-list .product-list-wrap {

        margin-left: -5px;

        margin-right: -5px;

    }

    .product-list .product-list-item{

        width: 50%;

        margin-left: 0;

        padding: 0 5px;

        box-sizing: border-box;

    }

    .product-list .product-list-item .product-img{

        height: 130px;

    }

    

    .advantage-wrap .title-bg .title p{

        font-size: 26px;

    }

    .advantage-wrap .title-bg .title p strong {

        font-size: 60px;

    }

    .advantage-wrap .title-bg .title::after {

        content: '';

        display: block;

        width: 4px;

        height: 56px;

        background: #e6212a;

        position: absolute;

        left: 0;

        top: 35px;

    }

    .advantage-list-bg .text{

        width: 100%;

        float: none;

        padding-left: 0;

    }

    .advantage-list-bg .img{

        float: none;

    }

    .advantage-list-bg ul li:nth-child(2n+2) .img{

        float: none;

        margin-right: 0;

    }

    .advantage-list-bg .img img{

        width: 100%;

        height: auto;

        display: block;

    }

    .advantage-list-bg .text .nub{

        top: -50px;

    }

    .advantage-list-bg .text .top {

        font-size: 20px;
    }
	
	.case-wrap .title p {
		font-size: 26px;
	}
	
	.consulting-bg .text p {
		font-size: 26px;
	}
		
    .about-wrap {

        height: auto;  

    }

    .about-text .title {

        margin-bottom: 30px;

    }

    .about-img{

        width: 100%;

        height: 200px;

        overflow: hidden;

        margin-top: 60px;

    }

    .about-img .img{

        position: static;

        top: 0;

        left: -0;

        z-index: 20;

        height: 200px;

    }

    .about-img .bg-box{

        display: none;

    }

    .about-img img{

        width: 100%;

        height: 100%;

        object-fit: cover;

    }

    .about-text{

        width: 100%;

    }

    .about-text .text-content a {

        margin-top: 40px;

    }

    .crcm-wrap{

        background: #ffffff;

        padding: 25px 0;

        overflow: hidden;

        box-shadow:none;

        transform: translateY(0);

    }

    .case-wrap .swiper-container .swiper-slide{

        width: 100%;

    }

    .case-wrap .title{

        margin-top: 40px;

    }

    .consulting-bg .link{

        margin-top: 50px;

    }

   

    .consulting-bg{

        background-size:100%;

        background-position: 0 70%;

    }

    .news-wrap .news-left{

        width: 100%;

        margin-bottom: 30px;

    }

    .news-wrap .news-right{

        width: 100%;

    }

    .news-wrap .news-left .list-row ul li{

        width: 100%;

    }

    .news-wrap .title-row .tab-link{

        margin-top: 30px;

    }

    .news-wrap .title-row .tab-link ul li {

        width: 50%;

        margin: 0;

    }

    .news-wrap .news-left .list-row ul li .text .info{

       display: none;

    }

    .news-wrap .news-left .list-row ul li:first-child .img{

        width: 30%;

        height: auto;

    }

    .footer-wrap .footer-left{

        width: 100%;

        height: auto;

        border: none;

        margin-bottom: 50px;

    }

    .footer-wrap .footer-right{

        width: 100%;

        height: auto;

        border: none;

    }

    .footer-nav{

        display: none;

    }

    .footer-logo{

        text-align: center;

        width: 100%;

        overflow: hidden;

    }

    .footer-logo img{

        max-width: 100%;

    }

    .footer-wrap{

        padding: 40px 0;

    }

    .footer-wrap .footer-right .contact-link{

        float: none;

        overflow: hidden;

        margin: 0;

        text-align: center;

    }

    .footer-wrap .footer-right .contact-link .qr-hiden{

        display: block;

        position: static;

        margin: 0 auto;

    }

    .footer-wrap .footer-right .contact-link a{

        display: none;

    }

    .footer-wrap .footer-right .footer-phone {

        float: none;

        text-align: center;

        padding: 0;

        margin-top: 40px;

    }

    .footer-wrap .footer-right .footer-phone:after{

        display: none;

    }

    .product-list .product-list-item .product-text {

        margin-top: 5px;

    }

    .product-list .product-list-item{

         margin-right: 0;

         margin-left: 0;

         margin-bottom: 10px;

    }

    

}

/*right-bar*/

.right-bar{

	position: fixed;

	top: 50%;

	right: 0;

	width: 76px;

	height: 203px;

    z-index: 10;

}

.right-bar ul li{

	width: 76px;

	height: 76px;

	background: #fff;

	box-shadow: 0 2px 21px rgba(108,108,108,.19);

	cursor: pointer;

	position: absolute;

}

.right-bar ul li a{

	width: 76px;

	height: 76px;

	text-align: center;

	cursor: pointer;

	overflow: hidden;

	display: block;

	float: left;

}

.rtbar-li2{

	top: 78px;

}

.right-bar ul li.rtbar-li3{

	top: 156px;

	width:230px;

}

.rtbar-li4{

	top: 234px;

}

.right-bar ul li em{

	width: 30px;

	height: 30px;

	display: block;

	margin: 12px auto 5px;

}

.right-bar ul li a span{

	font-size: 14px;

	color: #666;

	line-height: 1.1;

}

.right-bar ul li:hover{

	background: #055aae;

	box-shadow: 0 2px 21px rgba(31, 59, 136, 0.45);

}

.right-bar ul li:hover span{

	color: #fff;

}

.rtbar-li1 em{

	background:  url(../images/righ-bar-ico1.png) 0 0 no-repeat;

}

.rtbar-li1:hover em{

	background:  url(../images/righ-bar-ico1.png) -30px 0 no-repeat;

}

.rtbar-li2 em{

	background:  url(../images/righ-bar-ico2.png) 0 0 no-repeat;

}

.rtbar-li2:hover em{

	background:  url(../images/righ-bar-ico2.png) -30px 0 no-repeat;

}

.rtbar-li3 em{

	background:  url(../images/righ-bar-ico3.png) 0 0 no-repeat;

}

.rtbar-li3 p{

    display: inline;

	font-size: 20px;

	line-height: 76px;

	color: #fff;

	font-weight: 500;

}

.rtbar-li3:hover em{

	background:  url(../images/righ-bar-ico3.png) -30px 0 no-repeat;

}

.right-bar ul li.rtbar-li4 em{

	margin-top: 25px;

	background:  url(../images/righ-bar-ico4.png) -30px 0 no-repeat;

}

.right-bar ul li.rtbar-li4:hover em{

	background:  url(../images/righ-bar-ico4.png) -30px 0 no-repeat;

}

.rtbar_shwx{

	position: absolute;

	right: 78px;

	top:0px;

	background: #fff;

	box-shadow: 0 2px 21px rgba(108,108,108,.19);

	display: none;

    z-index: 20;

    width: 120px;

    height: 120px;

    padding: 10px;

}

.rtbar_shwx img{

    max-width: 100%;

    display: block;

}

.right-bar ul li.gotop{

	display: none;

	background: #055aae;

}





/* 产品列表 */

.page-banner-box{

    height: 350px;

    background-size: cover;

    overflow: hidden;

}

.page-banner-box img{width: 100%}

.breadcrumb-wrap{

    line-height: 60px;

    overflow: hidden;

    font-size: 14px;

    color: #666666;

}

.breadcrumb-wrap a{

    margin-right: 5px;

}

.breadcrumb-wrap a:after{



}

.product-list-wrap{

    overflow: hidden;

}





@media only screen and (max-width: 760px){

    .page-banner-box{

        height: 100px;

    }

    .page-product-nav{
        display: block;
        width: 100%;
    }

    .page-product-nav .title{

        display: none;

    }

    .page-product-nav .contact-box{

        display: none;

    }

    .page-product-nav  .product-nav-list{

        padding: 0;

        background: none;

    }

    .page-product-nav .product-nav-list ul{

        overflow-x: auto;

        white-space: nowrap;

        font-size: 0;

    }

    .page-product-nav .product-nav-list ul li{

        display: inline-block;

        padding: 0;

        margin-right: 10px;

    }

    .page-product-nav .product-nav-list ul li:hover{

        transform: translateX(0);

        background: none;

    }

    .page-product-nav .product-nav-list ul li::after, 

    .page-product-nav .product-nav-list ul li::before{

        display: none;

    }

    .page-product-nav .product-nav-list ul li a{

        background: #f7f7f7;

        padding: 0 15px;

    }

    .page-product-nav .product-nav-list ul li a::after{

        display: none;

    }

    .page-product-nav .product-nav-list ul li.current-cat, 

    .page-product-nav .product-nav-list ul li.current_page_item,

    .page-product-nav .product-nav-list ul li.current-menu-item

    {

        transform: translateX(0);

    }

    .page-product-nav .product-nav-list ul li.current-cat a, 

    .page-product-nav .product-nav-list ul li.current_page_item a,

    .page-product-nav .product-nav-list ul li.current-menu-item a

    {

        background: #dc323a;

        color: #ffffff;

    }

}

/* 详情 */

.details-content{

    width: 930px;

}

.details-content .details-title{

    text-align: center;

    padding-top: 30px;
    padding-bottom: 30px;

    border-bottom: 1px solid #ddd;

}

.details-content .details-title h3{

    font-size: 24px;

    color: #333333;

    line-height: 1;

    margin-bottom: 10px;

}

.details-content .details-title p{

    font-size: 12px;

    color: #999999;

}

.details-content .details-content{

    box-sizing: border-box;

    padding: 30px;

    font-size: 14px;

    color: #333333;

    line-height: 35px;

    padding-bottom: 40px;

    border-bottom: 1px solid #ddd;

}

.details-content .details-content img{

    max-width: 100%;

    height: auto !important;

    display: block;

    margin: 0 auto;

    object-fit: cover;

}

.details-content .page-tab{

    margin-top: 40px;

    margin-bottom: 40px;

    overflow: hidden;

}

.details-content .page-tab .pre {

    width: 50%;

    float: left;

    box-sizing: border-box;

    line-height: 16px;

    font-size: 14px;

}

.details-content .page-tab .next {

    width: 50%;

    float: right;

    text-align: right; 

    box-sizing: border-box;

    font-size: 14px;

}

.details-content .page-tab .pre span,.details-content .page-tab .next span{

    color: #999999;

}

/* 关于我们 */

.details-content .details-title.about-details{

    text-align: left;

    padding-bottom: 10px;

}

.details-content .about-details h3{

    color: #055aae;

}

.details-content .details-content.about-details{

    line-height: 38px;

    border: none;

}

.details-content .details-content.about-details .blocks-gallery-item{

    width: 33.33%;

    float: left;

}

.details-content .details-content.about-details .blocks-gallery-item img{

    max-width: 100%;

    margin: 0 auto;

    border: 1px solid #ddd;

}

/* 联系我们 */

.contact-details .contact-row{

    margin-bottom: 30px;

}

.contact-details .contact-row .text strong{

    font-size: 22px;

    color: #333333;

    line-height: 1;

}

.contact-details .contact-row .text p{

    font-size: 14px;

    line-height: 38px;

}

.contact-details .contact-row .qr{

    text-align: center;

}

/* 图文列表 */

.details-content .details-content.img-text-list{

    padding: 40px 0;

}

.img-text-list .page-news-list-item{

    width: 100%;

    height: 160px;

    background: #f7f7f7;

    box-sizing: border-box;

    padding: 20px;

    margin-bottom: 20px;

}

.pnli-img{

    width: 200px;

    height: 120px;

    float: left;

    overflow: hidden;

}

.pnli-img img{

    width: 100%;

    transition: all .3s;

}

.pnli-text{

    width: 440px;

    float: left;

    margin-left: 30px;

    transition: all .3s;

}

.pnli-title{

    line-height: 1.5;

    margin-bottom: 10px;

    margin-top: 15px;

}

.pnli-title a{

    font-size: 20px;

    color: #333333;

}

.pnli-content{

    font-size: 12px;

    line-height: 24px;

    color: #666666;

}

.pnli-time-more{

    width: 140px;

    float: right;

}

.pnli-time-more p{

    font-size: 20px;

    color: #333;

    margin-top: 10px;

}

.pnli-time-more a{

    width: 80px;

    height: 30px;

    display: block;

    line-height: 28px;

    text-align: center;

    box-sizing: border-box;

    border: 1px solid #055aae;

    border-radius: 15px;

    font-size: 12px;

    color: #055aae;

    margin-top: 30px;

    transition: all .3s;

}

.img-text-list .page-news-list-item:hover{

    box-shadow:0 5px 15px rgba(0, 0, 0, .1);

}

.img-text-list .page-news-list-item:hover .pnli-text{

    margin-left: 40px;

}

.img-text-list .page-news-list-item:hover .pnli-time-more a{

    margin-left: 20px;

    background: #055aae;

    color: #ffffff;

}

.img-text-list .page-news-list-item:hover .pnli-img img{

    transform: scale(1.1);

}

/* 文字列表 */

.details-content .details-content.text-list{

    padding: 20px 20px;

}

.text-list .page-news-list-item{

    line-height: 62px;

    border-bottom: 1px dashed #ddd;

    overflow: hidden;

}

.text-list .page-news-list-item .title{

    width: 70%;

    float: left;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.text-list .page-news-list-item .title a{

    font-size: 18px;

    color: #333333;

}

.text-list .page-news-list-item .time{

    width: 30%;

    float: right;

    text-align: right;

    font-size: 14px;

    color: #999999;

}

.details-content .details-content.text-list .pagenation{

    margin-top: 20px;

}

.search-num .serch-form{

    width: 400px;

    overflow: hidden;

}

.search-num input[type=text]{

    width: 80%;

    height: 36px;

    border: none;

    background: #f7f7f7;

    line-height: 36px;

    display: block;

    float: left;

    text-indent: 15px;

}

.search-num .button{

    width: 20%;

    background: #055aae;

    color: #ffffff;

    line-height: 36px;

    display: block;

    float: left;

    border: none;

}

.search-list-item{

    border-bottom: 1px solid #eee;

    overflow: hidden;

}

.search-list-item a{

    display: block;

    width: 70%;

    float: left;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    line-height: 38px;

}

.search-list-item span{

    float: right;

    line-height: 38px;

    color: #999999;

}

@media only screen and (max-width: 760px){

	.nav-row li { width:33.33%}

	.nav-row li > a{ width:100%}

    .search-num .serch-form{

        width: 100%;

    }

    .contact-details .contact-row .qr {

       margin-top: 40px;

    }

    .details-content .page-tab .pre {

        width: 100%;

        float: none;

        line-height: 30px;

    }

    .details-content .page-tab .next {

        width: 100%;

        float: none;

        text-align: left;

        line-height: 30px;

    }

    .details-content .details-content{

        padding: 30px 0;

    }

    .details-content{

        width: 100%;

    }

    .details-content .details-content.text-list{

        padding: 20px 0;

    }

    .img-text-list .page-news-list-item {

        width: auto;

        height: auto;

        box-sizing: border-box;

        margin: 10px;

        overflow: hidden;

        padding: 10px;

    }

    .pnli-img {

        width: 30%;

        height: 68px;

    }

    .pnli-text {

        width: 70%;

        margin: 0;

        padding-left: 10px;

        box-sizing: border-box;

    }

    .pnli-title {

        line-height: 1.5;

        margin: 0;

        overflow: hidden;

        white-space: normal;

        word-break: break-all;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;

    }

    .pnli-title a {

        font-size: 16px;

    }

    .pnli-time-more {

        display: none;

    }

    .pnli-content {

        display: none;

    }

    .img-text-list .page-news-list-item:hover .pnli-text {

        margin-left: 0;

    }

    .right-bar{

        display: none;

    }

}

.product-list-item .product-img{

    cursor: pointer;

}

.factory-img-ceng {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .8);

    z-index: 999;

    overflow: hidden;

}

.factory-img {

    position: fixed;

    top:50%;

    left: 50%;

    width: 700px;

    height: auto;

    background: #fff;

    transform: translate3d(-50%,-50%,0);

    z-index: 9999;

}

.factory-img .title {

    height: 60px;

    line-height: 60px;

    padding: 0 25px;

    border-bottom: 1px solid #eee;

    font-size: 18px;

    color: #333;

}

.factory-img .img-box{

    padding: 20px;

}

.factory-img .img-box img{

    width: 100%;

}

.factory-img .img-close {

    position: absolute;

    top: 15px;

    right: 25px;

    width: 25px;

    height: 25px;

    display: block;

    border-radius: 50%;

    background: #f5f5f5;

    z-index: 10;

    cursor: pointer;

    transform: rotate(45deg);

}

.factory-img .img-close:after{

    content: '';

    display: block;

    width: 1px;

    height: 15px;

    background: #333333;

    position: absolute;

    left:12px ;

    top: 5px;

}

.factory-img .img-close:before{

    content: '';

    display: block;

    width: 15px;

    height: 1px;

    background: #333333;

    position: absolute;

    left:5px ;

    top: 12px;

}

.hide{

    display: none;

}

.kf_bottom{ display:none;}

@media only screen and (max-width: 760px){

	.news-wrap .news-left .list-row ul li:first-child .text .info{ display:none}

    .factory-img {

        width: 100%;

    }

	.kf_bottom{ display:block;}		

.kf_bottom {

	width: 100%;

	height: 60px;

	background: #0056f9;

	margin: 0 auto;

	position: fixed;

	bottom: 0;

	left: 0;

	z-index: 99;

}

.kf_bottom ul {

	max-width: 640px;

	height: 60px;

	margin: 0 auto

}

.kf_bottom ul li {

	width: 25%;

	height: 60px;

	display: block;

	float: left;

	text-align: center;

	background: url(../images/kf_bottom_li.png) no-repeat right center

}

.kf_bottom ul li a {

	color: #fff;

	font-size: 12px;

	text-decoration: none;

}

.kf_bottom ul li:nth-of-type(4) {

	background-image: none

}

.kf_bottom ul li.f1 i {

	display: block;

	width: 100%;

	height: 32px;

	background: url(../images/f1.png) no-repeat center;

	margin-top: 5px;

}

.kf_bottom ul li.f2 i {

	display: block;

	width: 100%;

	height: 32px;

	background: url(../images/f4.png) no-repeat center;

	margin-top: 5px;

}

.kf_bottom ul li.f3 i {

	display: block;

	width: 100%;

	height: 32px;

	background: url(../images/f2.png) no-repeat center;

	margin-top: 5px;

}

.kf_bottom ul li.f4 i {

	display: block;

	width: 100%;

	height: 32px;

	background: url(../images/f3.png) no-repeat center;

	margin-top: 5px;

}

.copyright-wrap {

    margin-bottom: 40px;

}

}

#wxnr {

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	z-index: 1000;

	display: none;

	background: rgba(0,0,0,.6);

}

#wxnr .nrdf {

	margin: auto;

	position: absolute;

	top: 50%;

	left: 0;

	right: 0;

	width: 300px;

	height: 300px;

	padding: 20px;

	padding-top: 35px;

	margin-top: -150px;

	text-align: center;

	background-color: rgba(255, 255, 255, 0.8);

	box-shadow: 0px 2px 6px #777;

	-webkit-box-shadow: 0px 2px 6px #777;

	-moz-box-shadow: 0px 2px 6px #777;

	border-radius: 10px;

	box-sizing: border-box;

}

#wxnr img {

	width: 135px;

	height: 135px;

	display: block;

	margin: 0 auto;

}

#wxnr p {

	color: #333;

	font-size: 14px;

	line-height: 25px;

	text-align: center;

}

#wxnr i {

	position: absolute;

	top: 12px;

	right: 12px;

	width: 18px;

	height: 18px;

	font-size: 12px;

	line-height: 18px;

	text-align: center;

	color: #fff;

	font-weight: bold;

	font-style: normal;

	background: #333;

	border-radius: 100%;

	cursor: pointer;

}

#wxnr span {

	display: inline-block;

	padding: 3px 5px;

	line-height: 18px;

	background-color: #0056f9;

	color: #fff;

	border-radius: 5px;

	cursor: pointer;

}

#wxnr span.wx {

	padding-left: 23px;

	background-image: url(../images/kf_wx.png);

	background-size: 20px;

	background-position: 5px center;

	background-repeat: no-repeat;

}

#weixin {

	position: fixed;

	top: 50%;

	margin-top: -23px;

	z-index: 9999999;

	font-size: 16px;

	color: #fff;

	width: 90%;

	right: 5%;

	line-height: 46px;

	text-align: center;

	background: rgba(0, 0, 0, 0.8);

	border: 2px solid #333;

	border-radius: 5px;

	display: none;

}



#maximg img{ max-width:100%; height:auto !important}



.pagebar { padding:20px; overflow:hidden}

.pagebar .pagination {

  display: flex;

  justify-content: center;

  margin-top: 10px;

}

.pagination a {

  background: #fff;

  border: 1px solid #ccc;

  color: #333;

  font-size: 12px;

  padding: 7px 10px;

  margin: 0 2px;

  border-radius: 2px;

}

.pagination span {

    color: #333;

    font-size: 12px;

    padding: 7px 2px;

    margin: 0 2px;

    border-radius: 2px;

}

.pagination a:hover {

  color: #337ab7;

  border: 1px solid #337ab7;

}

.pagination a.page-num-current {

  color: #fff;

  background: #337ab7;

  border: 1px solid #337ab7;

}

.pagination .st{ font-family:宋体}

.text-secondary{ text-align:center; padding:20px 0}